Font Awesome のバージョンが変わった
らしい。ので、それを使ったページは修正しました！
Sho Hashimoto(@shokai)
@suto3 fontawesomeを4から5系に更新しました。
もしUserCSSなどで呼び出しているなら
- .faを.fabや.fasに変えてみる
- font-familyをFont Awesome 5 Freeにする
- font-weightに400か900を指定
あたりだと思います
https://twitter.com/shokai/status/1412008142766895106
変更したのは Font Awesome タグがついてるページと、ヘッダーメニューをカスタマイズです。
もしまだ修正できてないスタイルが混ざってたら教えてね！
ぶっちゃけ最近スタイルいじってなさすぎて、どこに何を定義してたかだいぶあいまい
修正内容は上の/shokai/shokai.icon氏の通りで、
font-family: FontAwesome とか font: ... FontAwesome ...; みたいになってる箇所を
font-family: 'Font Awesome 5 Free'; font-weight: 900; にしたり
font: 900 'Font Awesome 5 Free' ...; にしたり
という感じでとりあえず表示できたぽい。
アイコンの見た目がけっこう変わったり、以前あったアイコンがなくなったりしてるので
Font Awesome のページから代わりのアイコンを探す必要があるかも～
font-weight の値によってアイコンのスタイルも違うようなので、400 にするか 900 にするか好みで変えていきたいね～
400 が使えるアイコンは一部だけなので、とりあえずカタログ見て確認
2021-07-06